<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-BR">
  <head>
   <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <title>Meus Concursos</title>
 
    <!-- JQUERY -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    
    <!-- TWITTER BOOTSTRAP CSS -->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
 
    <!-- TWITTER BOOTSTRAP JS -->
    <script src="js/bootstrap.min.js"></script>
    <style type="text/css">
		#divCentralizada {
			position: absolute;
			left: 40%;
			top: 65%;
			
			margin-left: -350px;
			margin-top: -30px;
		}
		#divBackground{
			background: #F8F8FF
			position: absolute;
			width: 100%;
			height:100%;
		}
	</style>
</head>
	
<body>

	<div style="text-align:right" >
		<label class="btn btn-link">Bem-vindo a sua agenda de concurso, [Nome da pessoa Logada]  |</label><button class="btn btn-link" >Sair</button>
	</div>
	<hr/>
		<div align="center" style="height:280px;"><img height="280px" src="img/meusConcursos2.jpg"></img>
		</div>
	<hr/>
	<div id="divCentralizada"> 	
	<ul class="nav nav-list" style="float:left; width:200px;">
		<li class="nav-header">
			<a href="#"><i class="icon-home"></i> Inicio</a>
		</li>
		<li class="nav-header">Concurso</li>
			<li><a href="#"><i class="icon-plus"></i> Novo</a></li>
			<li><a href="#"><i class="icon-edit"></i> Alterar</a></li>
			<li><a href="#"><i class="icon-th-list"></i> Meus Concurso</a></li>
			<li><a href="#"><i class="icon-calendar"></i> Lembretes</a></li>
		<li class="nav-header">Usuário</li>
			<li><a href="#"><i class="icon-edit"></i> Alterar dados</a></li>
	</ul>	
	<div style="float:left; width:300px; height:600px; margin-left:150px;">
			<h4>Cadastro de usuário</h4>
				<div style=" margin: 5px;">
				<div class="controls">
					<label>Nome do Usuário</label><input type="text"></input>
				</div>
				<div class="controls">
					<label>Nome</label><input type="text"></input>
				</div>
				<div class="controls" >
					<label >E-mail</label><input class="input-media" ></input>
				</div>
				<div class="controls">
					<label>Senha</label><input type="password" class="input-media" ></input>
				</div>
				<div class="controls">
					<label>Repetir Senha</label><input type="password" class="input-media" ></input>
				</div>
				<br />
				<div align="right">
					<button class="btn btn-primary" type="button">Salvar</button>
					<button class="btn" type="button">Cancelar</button>
				</div>
				</div>
	</div>
	</div>
</body>
</html>